@charset 'UTF-8';
/*导航头部*/
header{
  width: 100%;
  height: 1.173333rem;
  line-height: 1.173333rem;
  color: #111111;
  background: #fff;
  position: fixed;
  text-align: center;
  z-index: 7;
  border-bottom: 1px solid #dedede;
  top: 0;
  display: none;
}
header>div{
  position: absolute;
  top: 0;
}
header img{
  vertical-align: middle;
}
#goBack{
  left: 0.4rem;
}
#goBack img{
  width: 0.16rem;
  height: 0.293333rem;
}
#collect{
  right: 1.466667rem;
}
#collect img{
  width: 0.48rem;
  height: 0.48rem;
}
#enjoy{
  right: 0.4rem;
}
#enjoy img{
  width: 0.48rem;
  height: 0.48rem;
}
/*导航头部END*/
/* 资讯内容 */
.post-top-wrap
{
    overflow: auto; 
    /*margin-top: 1.173333rem;*/
    padding: 0 .4rem 0;
    word-wrap: break-word;
    background: #fff;
    margin-bottom: 0.266667rem;
}
.post-top-title
{
    font-size: 0.533333rem;
    font-weight: bold; 
    /*line-height: .613333rem;*/
    margin: 0.533333rem 0;
    color: #111111;
}
.post-top-time{
  color: #666;
  font-size: 0.4rem;
  margin-bottom: 0.533333rem;
}
.inform-top-img{
  margin-left: 0.4rem;
  font-size: 0.35rem;
}
.inform-top-img img{
  width: 0.373333rem;
  height: 0.266667rem;
  margin-right: 0.133333rem;
  vertical-align: middle;
}
.post-top-label{
  float: right;
}
.inform-center-txt
{
    font-size: 0.48rem;
    line-height: 1.75em; 
    width: 100%;
    margin-bottom: 1.066667rem;
    word-wrap: break-word;
}

.inform-center-txt img
{
    max-width: 100%;
    height: auto;
}
/* 资讯内容结束 */
/*分享给朋友*/
.post-share{
  text-align: center;
  color: #333;
  font-size: 0.4rem;
  margin-bottom: 0.733333rem;
}
.post-share span{
  display: inline-block;
  vertical-align: middle;
  width: 29%;
  height: 1px;
  background: #dedede;
}
.post-share span:first-child{
  margin-right: 0.266667rem;
}
.post-share span:last-child{
  margin-left: 0.266667rem;
}
.post-share-wrap
{
    font-size: .346667rem; 
    width: 100%;
    color: #9b9b9b;
    margin-bottom: 0.933333rem;
    display: box;
    display: -webkit-box;   
    display: -moz-box;
    display: -ms-flexbox;   
    display: -webkit-flex;  
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    padding: 0 0.8rem;
}

.post-share-wrap > li
{
    /*float: left;*/
    /*width: 1.333333rem;*/
    /*height: 100%;*/
    /*padding-top: .2rem;*/
    text-align: center;
}
.post-share-wrap img
{
    width: 0.693333rem;
    height: 0.506667rem;
}
/* 分享结束 */
/* 回复头部 */
.post-cont-wrap
{
    overflow: auto; 
    background: #fff;
}
.post-cont-nav
{
    height: 1.12rem;
    padding: 0 0.4rem;
    border-bottom: 1px solid #dedede;
}
.post-cont-nav > li
{
    line-height: 1.12rem; 
    float: left;
    color: #666;
    font-size: 0.373333rem;
    letter-spacing: 1px;
}
.post-commentnum{
  margin-right: 0.4rem;
}
/* 头部结束 */
/* 回复评论 */
.post-cont
{
    padding: 0 0.4rem;
    /*border-bottom: 1px solid #dedede;*/
}
.post-cont-user
{
    width: 100%; 
    height: 1.733333rem;
}
.post-cont-user > li
{
    float: left;
    color: #666;
}
.post-cont-user > li:nth-child(1)
{
    width: 0.96rem;
    line-height: 1.733333rem;
}
.post-cont-user > li:nth-child(1) > img
{
    width: 0.96rem;
    height: .96rem;
    border-radius: 50%;
    vertical-align: middle;
}
.post-cont-user > li:nth-child(2)
{
    /*width: 55%; */
    margin-left: 0.266667rem;
}
.post-cont-user > li:nth-child(2) > p:nth-child(1)
{
    font-size: 0.4rem;
    margin: 0.4rem 0 .12rem;
    color: #111;
}
.post-cont-user > li:nth-child(2) > p:nth-child(2)
{
    font-size: 0.32rem;
}
.post-cont-user .comment-btn
{
    float: right;
    text-align: center;
    color: #111;
    margin-top: 0.466667rem;
    margin-right: 0.506667rem;
}
.post-cont-user .praise-btn
{
    float: right;
    margin-right:0.5rem;
    text-align: right;
    color: #111;
    margin-top: 0.466667rem;
}
.post-cont-user .praise-btn > img
{
    width: 0.36rem;
    height: 0.386667rem;
    /*margin-right: .133333rem; */
    vertical-align: top;
}
.post-cont-user .comment-btn > img
{
    width: 0.4rem;
    height: 0.386667rem;
    /*margin-right: 0.133333rem;*/
    vertical-align: middle;
}
.mymargin
{
    padding-left: 1.226667rem;
}
.post-comments-txt
{
    font-size: 0.4rem;
    line-height: .56rem;
    padding-bottom: 0.373333rem; 
    word-wrap: break-word;
    color: #111;
}
/* 回复评论END */
/* 假的输入框 */
.post-input
{
  display: none;
    position: fixed;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.306667rem;
    /*padding: .186667rem  .346667rem 0;*/
    border-top: 1px solid #cacaca; 
    background: #fff;
}
.post-input .btn-input
{
    font-size: 0.4rem;
    line-height: 1.306667rem;
    float: left; 
    color: #cecece;
    padding-left: 0.4rem;
}

.post-input .input-share
{
    float: right;
    width:2.266667rem;
    font-size: 0.4rem;
    line-height: 1.306667rem;
    color: #fff;
    background: #cba162;
    text-align: center;

}
/* 输入框结束 */

/* 点赞 */
.click_zan{
  width: 1.4rem;
  height: 1.4rem;
  border: 1px solid #cba162;
  border-radius: 50%;
  text-align: center;
  line-height: 1.4rem;
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -0.7rem;
  z-index: 2;
  /*background: #fff;*/
}
.click_zan img{
  vertical-align: middle;
  width: 0.826667rem;
  height: 0.88rem;
}
#demo img{
    width:0.666667rem;
    height: 0.666667rem;
    position: fixed;
    top: 45%;
    right: 0.333333rem;
    margin-left: -0.333333rem;
    z-index: 7;
}
/* 点赞结束 */




.post-center-banner
{
    overflow: hidden; 
    width: 100%;
    margin-top: .506667rem;
}
.post-center-banner > div
{
    position: relative;
    z-index: 2;

    float: left; 
    overflow: hidden;

    width: 2.986667rem;
    height: 2.986667rem;
    margin-bottom: .266667rem;
}
.post-center-banner > div > img
{
    position: relative;
    z-index: 1;
}
.post-center-banner > div:nth-child(3n+2)
{
    margin: 0 .2rem .266667rem;
}

.post-center-oneimg
{
    width: 100%;
    margin-top: .506667rem;
}

.post-center-oneimg > div
{
    width: 100%;
    height: auto;
}

.post-center-oneimg > div > img
{
    max-width: 100%;
    height: auto;
}

.post-center-txt
{
    width: 100%;
    margin-top: .266667rem;
    margin-bottom: .533333rem; 

    word-wrap: break-word;
}
.post-center-txt > li
{
    font-size: .45rem;
    line-height: .6rem; 

    color: #2c2c2c;
}



.post-center-team
{
    width: 100%;
    height: .586667rem;
    margin-bottom: .666667rem;
}
.post-center-team > li
{
    font-size: .373333rem;
    line-height: .586667rem;

    float: left;

    height: .586667rem;
    margin-right: .266667rem;
    padding: 0 .186667rem;

    text-align: center;

    color: #fff;
    border-radius: 10px;
    background: #fa4846;
}

.post-top-gai
{
    overflow: auto; 

    width: 100%;
}
.post-top-gai > li
{
    line-height: 1.0rem;

    float: left;

    margin-left: .1rem;

    color: #9b9b9b;
}
.post-top-gai > li > span
{
    color: #265188;
}
.post-top-gai > li:nth-child(2)
{
    width: 50%;
}
.post-top-gai .post-page-view
{
    font-size: .346667rem; 

    float: right;
}
.post-top-gai .post-page-view > img
{
    width: .4rem;
    height: .4rem;

    vertical-align: text-top;
}

.post-center-praised
{
    width: 100%;
    height: 2.426667rem;
    margin-top: .4rem; 

    text-align: center;
}
.post-center-praised > dt
{
    position: relative;
}
.post-center-praised > dt > img
{
    width: 1.306667rem;
    height: 1.306667rem;
}
.post-center-praised > dd
{
    margin-top: .4rem; 

    color: #9b9b9b;
}
.post-center-praised > dd > span
{
    color: #545454;
}

.praised-number
{
    text-align: center;
}
.praised-number > li > span
{
    margin: 0 .186667rem;
}
.praised-number > li > span > img
{
    width: .72rem;
    height: .72rem;
}




.post-comments-time
{
    padding-bottom: .266667rem;
    color: #9b9b9b;
    border-bottom: 1px solid #ebe8e9;
}

.post-comments-child
{
    width: 100%; 
    margin: .133333rem 0;
}
.post-comments-child > p
{
    font-size: .373333rem;
    line-height: .56rem;

    word-wrap: break-word;
}
.post-comments-child > p > span
{
    color: #265188;
}
.post-comments-child > p .spancolor
{
    color: #9b9b9b;
}

.post-comments-function
{
    height: .426667rem; 
    margin-top: .373333rem;
    margin-bottom: .533333rem;
}
.post-comments-function > li
{
    font-size: .35rem; 

    color: #545454;
}
.post-comments-function > li > span
{
    color: #f84845;
}







.post-cont-active
{
    border-bottom: 3px solid #fa4846;
}

.infor-center-wrap
{
    overflow: auto; 

    margin-top: .266667rem;
    padding: 0 .32rem;

    background: #fff;
}
.infor-center-wrap > h4
{
    font-size: .426667rem;
    line-height: .72rem; 

    width: 100%;
    height: .72rem;
    padding-left: .32rem;

    color: #696969;
}

.info-recommend:nth-child(1)
{
    border-bottom: 1px solid #d4d4d4;
}

.info-recommend
{
    overflow: auto; 

    padding: .32rem 0;
}
.info-recommend > li
{
    float: left;

    width: 2.24rem;
    height: 1.666667rem;
}
.info-recommend > li > img
{
    width: 2.24rem;
    max-width: 100%;
    height: 1.666667rem;
}

.info-recommend-cont
{
    float: left;

    width: 6.853333rem;
    margin-left: .266667rem;
}
.info-recommend-cont > dt
{
    font-size: .453333rem; 

    display: -webkit-box;
    overflow: hidden;

    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-wrap: break-word;

    color: #2c2c2c;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.info-recommend-cont > dd > li:nth-child(1)
{
    font-size: .21rem;

    float: left;

    padding: .013333rem; 

    text-align: center;

    color: #fa4846;
    border: 1px solid #fa4846;
}
.info-recommend-cont > dd > li:nth-child(2)
{
    float: left;

    margin-left: .16rem; 

    color: #959595;
}
.info-recommend-cont > dd > li:nth-child(3)
{
    float: right;

    width: 20%;

    text-indent: .466667rem;

    color: #959595; 
    background: url(../images/icon-groupcopy@2x.png) no-repeat left center;
    background-size: .426667rem .4rem;
}

.post-position
{
    width: 100%;
    height: 1.173333rem;
}

.post-center
{
    font-size: .32rem; 
    line-height: 1.333333rem;

    width: 100%;
    height: 1.333333rem;

    text-align: center;

    color: #a8a8a8;
}



/*输入框*/
.input-wrap
{
    position: absolute;
    z-index: 8;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: none; 
    overflow: hidden;

    width: 100%;
    height: 100%;
}

.input-shade
{
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;

    -webkit-transition: 300ms;
       -moz-transition: 300ms;
        -ms-transition: 300ms;
         -o-transition: 300ms;
            transition: 300ms; 

    background: rgba(0, 0, 0, .5);
}

.ovfHiden
{
    overflow: hidden;
}

.quan-input
{
    position: absolute;
    z-index: 100;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 3.466667rem;
    padding: 0 5%;

    -webkit-transition: 300ms;
       -moz-transition: 300ms;
        -ms-transition: 300ms;
         -o-transition: 300ms;
            transition: 300ms; 
    text-align: center;

    background-color: #fff;
}
.quan-input > span
{
    font-size: .373333rem;
    line-height: .8rem;

    float: left; 

    width: 30%;
    height: .8rem;

    text-align: left;

    color: #262626;
}
.quan-input > textarea
{
    font-size: .346667rem;
    line-height: .533333rem;

    z-index: 9999;

    display: block; 

    width: 100%;
    height: 2.106667rem;
    padding: .133333rem .266667rem;

    border: 1px solid #d4d4d4;
}

.inputBtn
{
    font-size: .4rem;
    line-height: .8rem;
    float: right; 
    width: 20%;
    height: .8rem;
    text-align: right;
    color: #262626;
}

/*无评论样式*/
.not-comments
{
    display: none; 
    width: 100%;
    height: 5.333333rem;
    padding-top: .8rem;

    text-align: center;

    background: #fff;
}
.not-comments > dd
{
    margin-top: .266667rem; 

    color: #9b9b9b;
}
.not-comments > dt > img
{
    width: 1.426666rem;
    height: 1.093333rem;
}

/*无评论样式END*/
/*效果大赞 小赞*/
.special_effects
{
    font-size: .48rem;
    position: absolute;
    z-index: 10001;
    top: -100%;
    right: 0;
    left: 0;
    display: none;
    -webkit-animation: fadeInUp .5s;
       -moz-animation: fadeInUp .5s;
         -o-animation: fadeInUp .5s;
            animation: fadeInUp .5s; 
    text-indent: 0;
    color: #fa4846;
}

@keyframes fadeInUp
{
    0%
    {
        transform: translate3d(0, 100%, 0); 

        opacity: .5;
    }
    100%
    {
        transform: none; 

        opacity: 1;
    }
}

@-webkit-keyframes fadeInUp
{
    0%
    {
        -webkit-transform: translate3d(0, 100%, 0); 

        opacity: .5;
    }
    100%
    {
        -webkit-transform: none; 

        opacity: 1;
    }
}

@-moz-keyframes fadeInUp
{
    0%
    {
        -moz-transform: translate3d(0, 100%, 0); 

        opacity: .5;
    }
    100%
    {
        -moz-transform: none; 

        opacity: 1;
    }
}

@-ms-keyframes fadeInUp
{
    0%
    {
        -ms-transform: translate3d(0, 100%, 0); 

        opacity: .5;
    }
    100%
    {
        -ms-transform: none; 

        opacity: 1;
    }
}

.scaleMagnify
{
    animation: scaleMagnify .5s;
}

@keyframes scaleMagnify
{
    0%
    {
        transform: scale(1);
    }
    50%
    {
        transform: scale(1.5);
    }
    100%
    {
        transform: scale(1);
    }
}

@-webkit-keyframes scaleMagnify
{
    0%
    {
        -webkit-transform: scale(1);
    }
    50%
    {
        -webkit-transform: scale(1.5);
    }
    100%
    {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes scaleMagnify
{
    0%
    {
        -moz-transform: scale(1);
    }
    50%
    {
        -moz-transform: scale(1.5);
    }
    100%
    {
        -moz-transform: scale(1);
    }
}

@-ms-keyframes scaleMagnify
{
    0%
    {
        -ms-transform: scale(1);
    }
    50%
    {
        -ms-transform: scale(1.5);
    }
    100%
    {
        -ms-transform: scale(1);
    }
}

/*效果*/
